<!doctype html>
<html>
<head>
	<link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="./assets/bootstrap/css/bootstrap-theme.css">
	<link rel="stylesheet" href="./css/panel.css">
	<link rel="stylesheet" href="./assets/codemirror-3.19/lib/codemirror.css">
	<link rel="stylesheet" href="./assets/codemirror-3.19/theme/monokai.css">

</head>
<body>


<section class="container">
	<div class="panel panel-primary">
		<div class="panel-heading">
			<h4 class="panel-title">Javascript Shell</h4>
		</div>
		<div class="panel-body">
			<button id="executeBtn" class="btn btn-info">执行</button>
			<div class="code-warp">
				<textarea id="codeEditor" name="codeEditor"></textarea>
			</div>
		</div>
	</div>
</section>

<section class="modal fade" id="api-query" tabindex="-1" role="dialog" aria-labelledby="api-query-label" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="api-query-label">API Search</h4>
			</div>
			<div class="modal-body">
				<div class="container">
					<div class="row">
						<input id="keyword" class="form-control" placeholder="input keyword">
					</div>
					<div class="row">
						<ul id="api-result" class="list-group">
							
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>


<!-- libs -->
<script src="./assets/jquery.min.js"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js"></script>
<script src="./assets/codemirror-3.19/lib/codemirror.js"></script>
<script src="./assets/codemirror-3.19/mode/javascript/javascript.js"></script>
<script src="./assets/lunr.min.js"></script>
<script src="./js/panel.js"></script>



</body>
</html>
